<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "xhtml11.dtd">
<html debug="true"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>UXPerf</title>

<!--  meta http-equiv="X-UA-Compatible" content="chrome=1" -->

<link rel="shortcut icon" href="http://www.highcharts.com/favicon.ico">

<script type="text/javascript" src="./Highcharts Demo Gallery_files/jquery.min.js"></script>
<script type="text/javascript">
jQuery.noConflict();
</script>

<!-- Highslide code -->
<script type="text/javascript" src="./Highcharts Demo Gallery_files/highslide-full.min.js"></script>
<script type="text/javascript" src="./Highcharts Demo Gallery_files/highslide.config.js" charset="utf-8"></script>
<link rel="stylesheet" type="text/css" href="./Highcharts Demo Gallery_files/highslide.css">
<link rel="stylesheet" type="text/css" href="./Highcharts Demo Gallery_files/inputStyle.css">
<!--[if lt IE 7]>
<link rel="stylesheet" type="text/css" href="/highslide/highslide-ie6.css" />
<![endif]-->
<!-- End Highslide code -->
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css" />
<script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script>
<link rel="stylesheet" href="/resources/demos/style.css" />

<script type="text/javascript">
	var example = 'line-basic',
	theme = 'default';
</script>

<script type="text/javascript" src="./Highcharts Demo Gallery_files/scripts.js"></script>
<script type="text/javascript" src="./Highcharts Demo Gallery_files/chart_handler.js"></script>

<link rel="stylesheet" href="./Highcharts Demo Gallery_files/template.css" type="text/css">
<link rel="stylesheet" href="./Highcharts Demo Gallery_files/brown.css" type="text/css">
<link href="./Highcharts Demo Gallery_files/demo.css" rel="stylesheet" type="text/css">
<style type="text/css">.highslide img {cursor: url(http://www.highcharts.com/highslide/graphics/zoomin.cur), pointer !important;}.highslide-viewport-size {position: fixed; width: 100%; height: 100%; left: 0; top: 0}</style></head>
<body>



<div id="demo-header">
	<h1>User Experience Performance</h1>
	<a href="">Aleksander Gozdek</a>
</div>

<div id="demo-menu">
	<ul>
		<li class="active"><a>Performance attributes</a></li>		
		<select id="selectAtt">
			<option>Choose attribute</option>
			<optgroup label="Navigation Timing Attributes">
				<option value="navigationStart">navigationStart</option>
				<option value="unloadEventStart">unloadEventStart</option>
				<option value="unloadEventEnd">unloadEventEnd</option>
				<option value="fetchStart">fetchStart</option>
				<option value="domainLookupStart">domainLookupStart</option>
				<option value="domainLookupEnd">domainLookupEnd</option>
				<option value="connectStart">connectStart</option>
				<option value="connectEnd">connectEnd</option>
				<option value="requestStart">requestStart</option>
				<option value="responseStart">responseStart</option>
				<option value="responseEnd">responseEnd</option>
				<option value="domLoading">domLoading</option>
				<option value="domInteractive">domInteractive</option>
				<option value="domContentLoadedEventStart">domContentLoadedEventStart</option>
				<option value="domContentLoadedEventEnd">domContentLoadedEventEnd</option>
				<option value="domComplete">domComplete</option>
				<option value="loadEventStart">loadEventStart</option>
				<option value="loadEventEnd">loadEventEnd</option>
			</optgroup>
			<optgroup label="Performance Test Methods">				
				<option value="requestTime">Request Duration Time</option>
				<option value="responseTime">Response Duration Time</option>
				<option value="totalNavLoadTime">Total Navigation and Load Time</option>
				<option value="oneDownloadLoadTime">Single Download and Load Time</option>
				<option value="netDisturbTime">Network Disturbance Time</option>			
				<option value="dnsLookup">DNS Lookup Time</option>		
				<option value="tcpConn">TCP Connection Establishment Time</option>		
				<option value="ttfbTime">Time To First Byte</option>		
				<option value="navTypes">Navigation Types</option>
			</optgroup>
		</select>
		
		<div class="space" />
		<div class="external_promo_controls">
			<div class="promo_previous">
				<p>From</p>
			</div>
			<div class="promo_auto_controls">
				<li><input type="text" id="startDate" /></li>
			</div>
			<div class="promo_next">
				<select id="startHour">
					<option value="0"></option>
					<option value="1">01:00</option>
					<option value="1.5">01:30</option>
					<option value="2">02:00</option>
					<option value="2.5">02:30</option>
					<option value="3">03:00</option>
					<option value="3.5">03:30</option>
					<option value="4">04:00</option>
					<option value="4.5">04:30</option>
					<option value="5">05:00</option>
					<option value="5.5">05:30</option>
					<option value="6">06:00</option>
					<option value="6.5">06:30</option>
					<option value="7">07:00</option>
					<option value="7.5">07:30</option>
					<option value="8">08:00</option>
					<option value="8.5">08:30</option>
					<option value="9">09:00</option>
					<option value="9.5">09:30</option>
					<option value="10">10:00</option>
					<option value="10.5">10:30</option>
					<option value="11">11:00</option>
					<option value="11.5">11:30</option>
					<option value="12">12:00</option>
					<option value="12.5">12:30</option>
					<option value="13">13:00</option>
					<option value="13.5">13:30</option>
					<option value="14">14:00</option>
					<option value="14.5">14:30</option>
					<option value="15">15:00</option>
					<option value="15.5">15:30</option>
					<option value="16">16:00</option>
					<option value="16.5">16:30</option>
					<option value="17">17:00</option>
					<option value="17.5">17:30</option>
					<option value="18">18:00</option>
					<option value="18.5">18:30</option>
					<option value="19">19:00</option>
					<option value="19.5">19:30</option>
					<option value="20">20:00</option>
					<option value="20.5">20:30</option>
					<option value="21">21:00</option>
					<option value="21.5">21:30</option>
					<option value="22">22:00</option>
					<option value="22.5">22:30</option>
					<option value="23">23:00</option>
					<option value="23.5">23:30</option>
					<option value="24">24:00</option>
				</select>	
			</div>
		</div>
		
		<div class="external_promo_controls">
			<div class="promo_previous">
				<p>To</p>
			</div>
			<div class="promo_auto_controls">
				<li><input type="text" id="endDate" /></li>
			</div>
			<div class="promo_next">
				<select id="endHour">
					<option value="0"></option>
					<option value="1">01:00</option>
					<option value="1.5">01:30</option>
					<option value="2">02:00</option>
					<option value="2.5">02:30</option>
					<option value="3">03:00</option>
					<option value="3.5">03:30</option>
					<option value="4">04:00</option>
					<option value="4.5">04:30</option>
					<option value="5">05:00</option>
					<option value="5.5">05:30</option>
					<option value="6">06:00</option>
					<option value="6.5">06:30</option>
					<option value="7">07:00</option>
					<option value="7.5">07:30</option>
					<option value="8">08:00</option>
					<option value="8.5">08:30</option>
					<option value="9">09:00</option>
					<option value="9.5">09:30</option>
					<option value="10">10:00</option>
					<option value="10.5">10:30</option>
					<option value="11">11:00</option>
					<option value="11.5">11:30</option>
					<option value="12">12:00</option>
					<option value="12.5">12:30</option>
					<option value="13">13:00</option>
					<option value="13.5">13:30</option>
					<option value="14">14:00</option>
					<option value="14.5">14:30</option>
					<option value="15">15:00</option>
					<option value="15.5">15:30</option>
					<option value="16">16:00</option>
					<option value="16.5">16:30</option>
					<option value="17">17:00</option>
					<option value="17.5">17:30</option>
					<option value="18">18:00</option>
					<option value="18.5">18:30</option>
					<option value="19">19:00</option>
					<option value="19.5">19:30</option>
					<option value="20">20:00</option>
					<option value="20.5">20:30</option>
					<option value="21">21:00</option>
					<option value="21.5">21:30</option>
					<option value="22">22:00</option>
					<option value="22.5">22:30</option>
					<option value="23">23:00</option>
					<option value="23.5">23:30</option>
					<option value="24">24:00</option>
				</select>	
			</div>
		</div>
	</ul>
	
	<div id="table">
		<div id="row">
			<div id="left">
				<p>No. Events</p>
				<p>Avg Time [ms]</p>
			</div>
			<div id="right">
				<p id="noEvents"></p>
				<p id="avgTime"></p>
			</div>
		</div>
	</div>	
	
	<div id="table2">
		<div id="row">
			<p id="number">-1 : Navigates by a URL/link/form/script</p>
			<p id="avgTime">0 : Reloads/refreshes the page</p>
			<p id="avgTime">1 : Navigates to a page via history</p>
			<p id="avgTime">2 : Any other circumstances</p>
		</div>	
	</div>	
</div>
 


<div id="demo-content">
	
	<div id="styleswitcher">
		<ul>
			<li class="active"><a href="#">Line Chart</a></li>
		</ul>
	</div>
	<br>
	<br>
	<br>

	<div style="margin: 0 1em">
		<!-- <script src="./Highcharts Demo Gallery_files/highcharts.js"></script> -->
		<script src="http://code.highcharts.com/highcharts.js"></script>
		
		<script src="./Highcharts Demo Gallery_files/exporting.js"></script>
		<div id="container" style="min-width: 400px; height: 400px; margin: 0 auto">
		<div class="highcharts-container" id="highcharts-0" style="position: relative; overflow: hidden; width: 1055px; height: 400px; text-align: left; line-height: normal; font-family: &#39;Lucida Grande&#39;, &#39;Lucida Sans Unicode&#39;, Verdana, Arial, Helvetica, sans-serif; font-size: 12px; cursor: auto; "><svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="1055" height="400"><defs><clippath id="highcharts-1"><rect rx="0" ry="0" fill="none" x="0" y="0" width="9999" height="400" stroke-width="0.000001"></rect></clippath><clippath id="highcharts-2"><rect rx="0" ry="0" fill="none" x="0" y="0" width="867" height="321" stroke-width="0.000001"></rect></clippath><lineargradient x1="0" y1="0" x2="0" y2="20" gradientUnits="userSpaceOnUse" id="highcharts-3"><stop offset="0.4" stop-color="#F7F7F7" stop-opacity="1"></stop><stop offset="0.6" stop-color="#E3E3E3" stop-opacity="1"></stop></lineargradient><lineargradient x1="0" y1="0" x2="0" y2="20" gradientUnits="userSpaceOnUse" id="highcharts-4"><stop offset="0.4" stop-color="#F7F7F7" stop-opacity="1"></stop><stop offset="0.6" stop-color="#E3E3E3" stop-opacity="1"></stop></lineargradient></defs><rect rx="5" ry="5" fill="#FFFFFF" x="0" y="0" width="1055" height="400" stroke-width="0.000001"></rect><path fill="none" d="M 58 329.5 L 925 329.5" stroke="#808080" stroke-width="1"></path><g class="highcharts-grid" zIndex="1"></g><g class="highcharts-grid" zIndex="1"><path fill="none" d="M 58 329.5 L 925 329.5" stroke="#C0C0C0" stroke-width="1" zIndex="1"></path><path fill="none" d="M 58 284.5 L 925 284.5" stroke="#C0C0C0" stroke-width="1" zIndex="1"></path><path fill="none" d="M 58 238.5 L 925 238.5" stroke="#C0C0C0" stroke-width="1" zIndex="1"></path><path fill="none" d="M 58 192.5 L 925 192.5" stroke="#C0C0C0" stroke-width="1" zIndex="1"></path><path fill="none" d="M 58 146.5 L 925 146.5" stroke="#C0C0C0" stroke-width="1" zIndex="1"></path><path fill="none" d="M 58 101.5 L 925 101.5" stroke="#C0C0C0" stroke-width="1" zIndex="1"></path><path fill="none" d="M 58 55.5 L 925 55.5" stroke="#C0C0C0" stroke-width="1" zIndex="1"></path><path fill="none" d="M 58 375.5 L 925 375.5" stroke="#C0C0C0" stroke-width="1" zIndex="1"></path></g><g class="highcharts-series-group" zIndex="3"><g class="highcharts-series" visibility="visible" transform="translate(58,55)" clip-path="url(http://www.highcharts.com/demo/#highcharts-2)"><path fill="none" d="M 36.125 210.3 L 108.375 211.2 L 180.625 187.4 L 252.875 141.7 L 325.125 107.9 L 397.375 77.7 L 469.625 43.9 L 541.875 32 L 614.125 61.3 L 686.375 107 L 758.625 147.2 L 830.875 186.5" stroke="rgb(0, 0, 0)" stroke-width="5" isShadow="true" stroke-opacity="0.05" transform="translate(1,1)"></path><path fill="none" d="M 36.125 210.3 L 108.375 211.2 L 180.625 187.4 L 252.875 141.7 L 325.125 107.9 L 397.375 77.7 L 469.625 43.9 L 541.875 32 L 614.125 61.3 L 686.375 107 L 758.625 147.2 L 830.875 186.5" stroke="rgb(0, 0, 0)" stroke-width="3" isShadow="true" stroke-opacity="0.1" transform="translate(1,1)"></path><path fill="none" d="M 36.125 210.3 L 108.375 211.2 L 180.625 187.4 L 252.875 141.7 L 325.125 107.9 L 397.375 77.7 L 469.625 43.9 L 541.875 32 L 614.125 61.3 L 686.375 107 L 758.625 147.2 L 830.875 186.5" stroke="rgb(0, 0, 0)" stroke-width="1" isShadow="true" stroke-opacity="0.15000000000000002" transform="translate(1,1)"></path><path fill="none" d="M 36.125 210.3 L 108.375 211.2 L 180.625 187.4 L 252.875 141.7 L 325.125 107.9 L 397.375 77.7 L 469.625 43.9 L 541.875 32 L 614.125 61.3 L 686.375 107 L 758.625 147.2 L 830.875 186.5" stroke="#4572A7" stroke-width="2"></path><path fill="#4572A7" d="M 830.875 182.5 C 836.203 182.5 836.203 190.5 830.875 190.5 C 825.547 190.5 825.547 182.5 830.875 182.5 Z" stroke="#FFFFFF" stroke-width="0.000001"></path><path fill="#4572A7" d="M 758.625 143.2 C 763.953 143.2 763.953 151.2 758.625 151.2 C 753.297 151.2 753.297 143.2 758.625 143.2 Z" stroke="#FFFFFF" stroke-width="0.000001"></path><path fill="#4572A7" d="M 686.375 103 C 691.703 103 691.703 111 686.375 111 C 681.047 111 681.047 103 686.375 103 Z" stroke="#FFFFFF" stroke-width="0.000001"></path><path fill="#4572A7" d="M 614.125 57.3 C 619.453 57.3 619.453 65.3 614.125 65.3 C 608.797 65.3 608.797 57.3 614.125 57.3 Z" stroke="#FFFFFF" stroke-width="0.000001"></path><path fill="#4572A7" d="M 541.875 28 C 547.203 28 547.203 36 541.875 36 C 536.547 36 536.547 28 541.875 28 Z" stroke="#FFFFFF" stroke-width="0.000001"></path><path fill="#4572A7" d="M 469.625 39.9 C 474.953 39.9 474.953 47.9 469.625 47.9 C 464.297 47.9 464.297 39.9 469.625 39.9 Z" stroke="#FFFFFF" stroke-width="0.000001"></path><path fill="#4572A7" d="M 397.375 73.7 C 402.703 73.7 402.703 81.7 397.375 81.7 C 392.047 81.7 392.047 73.7 397.375 73.7 Z" stroke="#FFFFFF" stroke-width="0.000001"></path><path fill="#4572A7" d="M 325.125 103.9 C 330.453 103.9 330.453 111.9 325.125 111.9 C 319.797 111.9 319.797 103.9 325.125 103.9 Z" stroke="#FFFFFF" stroke-width="0.000001"></path><path fill="#4572A7" d="M 252.875 137.7 C 258.203 137.7 258.203 145.7 252.875 145.7 C 247.547 145.7 247.547 137.7 252.875 137.7 Z" stroke="#FFFFFF" stroke-width="0.000001"></path><path fill="#4572A7" d="M 180.625 183.4 C 185.953 183.4 185.953 191.4 180.625 191.4 C 175.297 191.4 175.297 183.4 180.625 183.4 Z" stroke="#FFFFFF" stroke-width="0.000001"></path><path fill="#4572A7" d="M 108.375 207.2 C 113.703 207.2 113.703 215.2 108.375 215.2 C 103.047 215.2 103.047 207.2 108.375 207.2 Z" stroke="#FFFFFF" stroke-width="0.000001"></path><path fill="#4572A7" d="M 36.125 206.3 C 41.453 206.3 41.453 214.3 36.125 214.3 C 30.797 214.3 30.797 206.3 36.125 206.3 Z" stroke="#FFFFFF" stroke-width="0.000001"></path></g><g class="highcharts-series" visibility="visible" transform="translate(58,55)" clip-path="url(http://www.highcharts.com/demo/#highcharts-2)"><path fill="none" d="M 36.125 276.1 L 108.375 267 L 180.625 222.2 L 252.875 171 L 325.125 118.9 L 397.375 73.1 L 469.625 47.5 L 541.875 53.9 L 614.125 90.5 L 686.375 145.4 L 758.625 195.7 L 830.875 251.4" stroke="rgb(0, 0, 0)" stroke-width="5" isShadow="true" stroke-opacity="0.05" transform="translate(1,1)"></path><path fill="none" d="M 36.125 276.1 L 108.375 267 L 180.625 222.2 L 252.875 171 L 325.125 118.9 L 397.375 73.1 L 469.625 47.5 L 541.875 53.9 L 614.125 90.5 L 686.375 145.4 L 758.625 195.7 L 830.875 251.4" stroke="rgb(0, 0, 0)" stroke-width="3" isShadow="true" stroke-opacity="0.1" transform="translate(1,1)"></path><path fill="none" d="M 36.125 276.1 L 108.375 267 L 180.625 222.2 L 252.875 171 L 325.125 118.9 L 397.375 73.1 L 469.625 47.5 L 541.875 53.9 L 614.125 90.5 L 686.375 145.4 L 758.625 195.7 L 830.875 251.4" stroke="rgb(0, 0, 0)" stroke-width="1" isShadow="true" stroke-opacity="0.15000000000000002" transform="translate(1,1)"></path><path fill="none" d="M 36.125 276.1 L 108.375 267 L 180.625 222.2 L 252.875 171 L 325.125 118.9 L 397.375 73.1 L 469.625 47.5 L 541.875 53.9 L 614.125 90.5 L 686.375 145.4 L 758.625 195.7 L 830.875 251.4" stroke="#AA4643" stroke-width="3"></path><path fill="#AA4643" d="M 830.875 247.4 L 834.875 251.4 830.875 255.4 826.875 251.4 Z" stroke="#FFFFFF" stroke-width="0.000001"></path><path fill="#AA4643" d="M 758.625 191.7 L 762.625 195.7 758.625 199.7 754.625 195.7 Z" stroke="#FFFFFF" stroke-width="0.000001"></path><path fill="#AA4643" d="M 686.375 141.4 L 690.375 145.4 686.375 149.4 682.375 145.4 Z" stroke="#FFFFFF" stroke-width="0.000001"></path><path fill="#AA4643" d="M 614.125 84.5 L 620.125 90.5 614.125 96.5 608.125 90.5 Z" stroke="#FFFFFF" stroke-width="1"></path><path fill="#AA4643" d="M 541.875 49.9 L 545.875 53.9 541.875 57.9 537.875 53.9 Z" stroke="#FFFFFF" stroke-width="0.000001"></path><path fill="#AA4643" d="M 469.625 43.5 L 473.625 47.5 469.625 51.5 465.625 47.5 Z" stroke="#FFFFFF" stroke-width="0.000001"></path><path fill="#AA4643" d="M 397.375 69.1 L 401.375 73.1 397.375 77.1 393.375 73.1 Z" stroke="#FFFFFF" stroke-width="0.000001"></path><path fill="#AA4643" d="M 325.125 114.9 L 329.125 118.9 325.125 122.9 321.125 118.9 Z" stroke="#FFFFFF" stroke-width="0.000001"></path><path fill="#AA4643" d="M 252.875 167 L 256.875 171 252.875 175 248.875 171 Z" stroke="#FFFFFF" stroke-width="0.000001"></path><path fill="#AA4643" d="M 180.625 218.2 L 184.625 222.2 180.625 226.2 176.625 222.2 Z" stroke="#FFFFFF" stroke-width="0.000001"></path><path fill="#AA4643" d="M 108.375 263 L 112.375 267 108.375 271 104.375 267 Z" stroke="#FFFFFF" stroke-width="0.000001"></path><path fill="#AA4643" d="M 36.125 272.1 L 40.125 276.1 36.125 280.1 32.125 276.1 Z" stroke="#FFFFFF" stroke-width="0.000001"></path></g><g class="highcharts-series" visibility="visible" transform="translate(58,55)" clip-path="url(http://www.highcharts.com/demo/#highcharts-2)"><path fill="none" d="M 36.125 282.5 L 108.375 268.8 L 180.625 242.3 L 252.875 197.5 L 325.125 150.9 L 397.375 118.9 L 469.625 104.2 L 541.875 110.6 L 614.125 143.5 L 686.375 192 L 758.625 238.6 L 830.875 265.1" stroke="rgb(0, 0, 0)" stroke-width="5" isShadow="true" stroke-opacity="0.05" transform="translate(1,1)"></path><path fill="none" d="M 36.125 282.5 L 108.375 268.8 L 180.625 242.3 L 252.875 197.5 L 325.125 150.9 L 397.375 118.9 L 469.625 104.2 L 541.875 110.6 L 614.125 143.5 L 686.375 192 L 758.625 238.6 L 830.875 265.1" stroke="rgb(0, 0, 0)" stroke-width="3" isShadow="true" stroke-opacity="0.1" transform="translate(1,1)"></path><path fill="none" d="M 36.125 282.5 L 108.375 268.8 L 180.625 242.3 L 252.875 197.5 L 325.125 150.9 L 397.375 118.9 L 469.625 104.2 L 541.875 110.6 L 614.125 143.5 L 686.375 192 L 758.625 238.6 L 830.875 265.1" stroke="rgb(0, 0, 0)" stroke-width="1" isShadow="true" stroke-opacity="0.15000000000000002" transform="translate(1,1)"></path><path fill="none" d="M 36.125 282.5 L 108.375 268.8 L 180.625 242.3 L 252.875 197.5 L 325.125 150.9 L 397.375 118.9 L 469.625 104.2 L 541.875 110.6 L 614.125 143.5 L 686.375 192 L 758.625 238.6 L 830.875 265.1" stroke="#89A54E" stroke-width="2"></path><path fill="#89A54E" d="M 826.875 261.1 L 834.875 261.1 834.875 269.1 826.875 269.1 Z" stroke="#FFFFFF" stroke-width="0.000001"></path><path fill="#89A54E" d="M 754.625 234.6 L 762.625 234.6 762.625 242.6 754.625 242.6 Z" stroke="#FFFFFF" stroke-width="0.000001"></path><path fill="#89A54E" d="M 682.375 188 L 690.375 188 690.375 196 682.375 196 Z" stroke="#FFFFFF" stroke-width="0.000001"></path><path fill="#89A54E" d="M 610.125 139.5 L 618.125 139.5 618.125 147.5 610.125 147.5 Z" stroke="#FFFFFF" stroke-width="0.000001"></path><path fill="#89A54E" d="M 537.875 106.6 L 545.875 106.6 545.875 114.6 537.875 114.6 Z" stroke="#FFFFFF" stroke-width="0.000001"></path><path fill="#89A54E" d="M 465.625 100.2 L 473.625 100.2 473.625 108.2 465.625 108.2 Z" stroke="#FFFFFF" stroke-width="0.000001"></path><path fill="#89A54E" d="M 393.375 114.9 L 401.375 114.9 401.375 122.9 393.375 122.9 Z" stroke="#FFFFFF" stroke-width="0.000001"></path><path fill="#89A54E" d="M 321.125 146.9 L 329.125 146.9 329.125 154.9 321.125 154.9 Z" stroke="#FFFFFF" stroke-width="0.000001"></path><path fill="#89A54E" d="M 248.875 193.5 L 256.875 193.5 256.875 201.5 248.875 201.5 Z" stroke="#FFFFFF" stroke-width="0.000001"></path><path fill="#89A54E" d="M 176.625 238.3 L 184.625 238.3 184.625 246.3 176.625 246.3 Z" stroke="#FFFFFF" stroke-width="0.000001"></path><path fill="#89A54E" d="M 104.375 264.8 L 112.375 264.8 112.375 272.8 104.375 272.8 Z" stroke="#FFFFFF" stroke-width="0.000001"></path><path fill="#89A54E" d="M 32.125 278.5 L 40.125 278.5 40.125 286.5 32.125 286.5 Z" stroke="#FFFFFF" stroke-width="0.000001"></path></g><g class="highcharts-series" visibility="visible" transform="translate(58,55)" clip-path="url(http://www.highcharts.com/demo/#highcharts-2)"><path fill="none" d="M 36.125 238.6 L 108.375 235.9 L 180.625 222.2 L 252.875 196.6 L 325.125 165.5 L 397.375 135.3 L 469.625 118.9 L 541.875 122.5 L 614.125 144.5 L 686.375 180.1 L 758.625 213.9 L 830.875 230.4" stroke="rgb(0, 0, 0)" stroke-width="5" isShadow="true" stroke-opacity="0.05" transform="translate(1,1)"></path><path fill="none" d="M 36.125 238.6 L 108.375 235.9 L 180.625 222.2 L 252.875 196.6 L 325.125 165.5 L 397.375 135.3 L 469.625 118.9 L 541.875 122.5 L 614.125 144.5 L 686.375 180.1 L 758.625 213.9 L 830.875 230.4" stroke="rgb(0, 0, 0)" stroke-width="3" isShadow="true" stroke-opacity="0.1" transform="translate(1,1)"></path><path fill="none" d="M 36.125 238.6 L 108.375 235.9 L 180.625 222.2 L 252.875 196.6 L 325.125 165.5 L 397.375 135.3 L 469.625 118.9 L 541.875 122.5 L 614.125 144.5 L 686.375 180.1 L 758.625 213.9 L 830.875 230.4" stroke="rgb(0, 0, 0)" stroke-width="1" isShadow="true" stroke-opacity="0.15000000000000002" transform="translate(1,1)"></path><path fill="none" d="M 36.125 238.6 L 108.375 235.9 L 180.625 222.2 L 252.875 196.6 L 325.125 165.5 L 397.375 135.3 L 469.625 118.9 L 541.875 122.5 L 614.125 144.5 L 686.375 180.1 L 758.625 213.9 L 830.875 230.4" stroke="#80699B" stroke-width="2"></path><path fill="#80699B" d="M 830.875 226.4 L 834.875 234.4 826.875 234.4 Z" stroke="#FFFFFF" stroke-width="0.000001"></path><path fill="#80699B" d="M 758.625 209.9 L 762.625 217.9 754.625 217.9 Z" stroke="#FFFFFF" stroke-width="0.000001"></path><path fill="#80699B" d="M 686.375 176.1 L 690.375 184.1 682.375 184.1 Z" stroke="#FFFFFF" stroke-width="0.000001"></path><path fill="#80699B" d="M 614.125 140.5 L 618.125 148.5 610.125 148.5 Z" stroke="#FFFFFF" stroke-width="0.000001"></path><path fill="#80699B" d="M 541.875 118.5 L 545.875 126.5 537.875 126.5 Z" stroke="#FFFFFF" stroke-width="0.000001"></path><path fill="#80699B" d="M 469.625 114.9 L 473.625 122.9 465.625 122.9 Z" stroke="#FFFFFF" stroke-width="0.000001"></path><path fill="#80699B" d="M 397.375 131.3 L 401.375 139.3 393.375 139.3 Z" stroke="#FFFFFF" stroke-width="0.000001"></path><path fill="#80699B" d="M 325.125 161.5 L 329.125 169.5 321.125 169.5 Z" stroke="#FFFFFF" stroke-width="0.000001"></path><path fill="#80699B" d="M 252.875 192.6 L 256.875 200.6 248.875 200.6 Z" stroke="#FFFFFF" stroke-width="0.000001"></path><path fill="#80699B" d="M 180.625 218.2 L 184.625 226.2 176.625 226.2 Z" stroke="#FFFFFF" stroke-width="0.000001"></path><path fill="#80699B" d="M 108.375 231.9 L 112.375 239.9 104.375 239.9 Z" stroke="#FFFFFF" stroke-width="0.000001"></path><path fill="#80699B" d="M 36.125 234.6 L 40.125 242.6 32.125 242.6 Z" stroke="#FFFFFF" stroke-width="0.000001"></path></g></g><text x="508" y="25" style="font-family:&quot;Lucida Grande&quot;, &quot;Lucida Sans Unicode&quot;, Verdana, Arial, Helvetica, sans-serif;font-size:16px;color:#3E576F;fill:#3E576F;" text-anchor="middle" class="highcharts-title" zIndex="4"><tspan x="508">Monthly Average Temperature</tspan></text><text x="508" y="40" style="font-family:&quot;Lucida Grande&quot;, &quot;Lucida Sans Unicode&quot;, Verdana, Arial, Helvetica, sans-serif;font-size:12px;color:#6D869F;fill:#6D869F;" text-anchor="middle" class="highcharts-subtitle" zIndex="4"><tspan x="508">Source: WorldClimate.com</tspan></text><g class="highcharts-legend" zIndex="7" transform="translate(951,110)"><g zIndex="1" clip-path="url(http://www.highcharts.com/demo/#highcharts-1)"><g><g class="highcharts-legend-item" zIndex="1" transform="translate(8,3)"><path fill="none" d="M 0 11 L 16 11" stroke-width="2" stroke="#4572A7"></path><path fill="#4572A7" d="M 8 7 C 13.328 7 13.328 15 8 15 C 2.6719999999999997 15 2.6719999999999997 7 8 7 Z" stroke="#4572A7"></path><text x="21" y="15" style="font-family:&quot;Lucida Grande&quot;, &quot;Lucida Sans Unicode&quot;, Verdana, Arial, Helvetica, sans-serif;font-size:12px;cursor:pointer;color:#3E576F;fill:#3E576F;" text-anchor="start" zIndex="2"><tspan x="21">Tokyo</tspan></text></g><g class="highcharts-legend-item" zIndex="1" transform="translate(8,19)"><path fill="none" d="M 0 11 L 16 11" stroke-width="2" stroke="#AA4643"></path><path fill="#AA4643" d="M 8 7 L 12 11 8 15 4 11 Z" stroke="#AA4643"></path><text x="21" y="15" style="font-family:&quot;Lucida Grande&quot;, &quot;Lucida Sans Unicode&quot;, Verdana, Arial, Helvetica, sans-serif;font-size:12px;cursor:pointer;color:#3E576F;fill:#3E576F;" text-anchor="start" zIndex="2"><tspan x="21">New York</tspan></text></g><g class="highcharts-legend-item" zIndex="1" transform="translate(8,35)"><path fill="none" d="M 0 11 L 16 11" stroke-width="2" stroke="#89A54E"></path><path fill="#89A54E" d="M 4 7 L 12 7 12 15 4 15 Z" stroke="#89A54E"></path><text x="21" y="15" style="font-family:&quot;Lucida Grande&quot;, &quot;Lucida Sans Unicode&quot;, Verdana, Arial, Helvetica, sans-serif;font-size:12px;cursor:pointer;color:#3E576F;fill:#3E576F;" text-anchor="start" zIndex="2"><tspan x="21">Berlin</tspan></text></g><g class="highcharts-legend-item" zIndex="1" transform="translate(8,51)"><path fill="none" d="M 0 11 L 16 11" stroke-width="2" stroke="#80699B"></path><path fill="#80699B" d="M 8 7 L 12 15 4 15 Z" stroke="#80699B"></path><text x="21" y="15" style="font-family:&quot;Lucida Grande&quot;, &quot;Lucida Sans Unicode&quot;, Verdana, Arial, Helvetica, sans-serif;font-size:12px;cursor:pointer;color:#3E576F;fill:#3E576F;" text-anchor="start" zIndex="2"><tspan x="21">London</tspan></text></g></g></g></g><g class="highcharts-axis" zIndex="7"><text x="94.125" y="389" style="font-family:&quot;Lucida Grande&quot;, &quot;Lucida Sans Unicode&quot;, Verdana, Arial, Helvetica, sans-serif;font-size:11px;width:52px;color:#666;line-height:14px;fill:#666;" text-anchor="middle" visibility="visible"><tspan x="94.125">Jan</tspan></text><text x="166.375" y="389" style="font-family:&quot;Lucida Grande&quot;, &quot;Lucida Sans Unicode&quot;, Verdana, Arial, Helvetica, sans-serif;font-size:11px;width:52px;color:#666;line-height:14px;fill:#666;" text-anchor="middle" visibility="visible"><tspan x="166.375">Feb</tspan></text><text x="238.625" y="389" style="font-family:&quot;Lucida Grande&quot;, &quot;Lucida Sans Unicode&quot;, Verdana, Arial, Helvetica, sans-serif;font-size:11px;width:52px;color:#666;line-height:14px;fill:#666;" text-anchor="middle" visibility="visible"><tspan x="238.625">Mar</tspan></text><text x="310.875" y="389" style="font-family:&quot;Lucida Grande&quot;, &quot;Lucida Sans Unicode&quot;, Verdana, Arial, Helvetica, sans-serif;font-size:11px;width:52px;color:#666;line-height:14px;fill:#666;" text-anchor="middle" visibility="visible"><tspan x="310.875">Apr</tspan></text><text x="383.125" y="389" style="font-family:&quot;Lucida Grande&quot;, &quot;Lucida Sans Unicode&quot;, Verdana, Arial, Helvetica, sans-serif;font-size:11px;width:52px;color:#666;line-height:14px;fill:#666;" text-anchor="middle" visibility="visible"><tspan x="383.125">May</tspan></text><text x="455.375" y="389" style="font-family:&quot;Lucida Grande&quot;, &quot;Lucida Sans Unicode&quot;, Verdana, Arial, Helvetica, sans-serif;font-size:11px;width:52px;color:#666;line-height:14px;fill:#666;" text-anchor="middle" visibility="visible"><tspan x="455.375">Jun</tspan></text><text x="527.625" y="389" style="font-family:&quot;Lucida Grande&quot;, &quot;Lucida Sans Unicode&quot;, Verdana, Arial, Helvetica, sans-serif;font-size:11px;width:52px;color:#666;line-height:14px;fill:#666;" text-anchor="middle" visibility="visible"><tspan x="527.625">Jul</tspan></text><text x="599.875" y="389" style="font-family:&quot;Lucida Grande&quot;, &quot;Lucida Sans Unicode&quot;, Verdana, Arial, Helvetica, sans-serif;font-size:11px;width:52px;color:#666;line-height:14px;fill:#666;" text-anchor="middle" visibility="visible"><tspan x="599.875">Aug</tspan></text><text x="672.125" y="389" style="font-family:&quot;Lucida Grande&quot;, &quot;Lucida Sans Unicode&quot;, Verdana, Arial, Helvetica, sans-serif;font-size:11px;width:52px;color:#666;line-height:14px;fill:#666;" text-anchor="middle" visibility="visible"><tspan x="672.125">Sep</tspan></text><text x="744.375" y="389" style="font-family:&quot;Lucida Grande&quot;, &quot;Lucida Sans Unicode&quot;, Verdana, Arial, Helvetica, sans-serif;font-size:11px;width:52px;color:#666;line-height:14px;fill:#666;" text-anchor="middle" visibility="visible"><tspan x="744.375">Oct</tspan></text><text x="816.625" y="389" style="font-family:&quot;Lucida Grande&quot;, &quot;Lucida Sans Unicode&quot;, Verdana, Arial, Helvetica, sans-serif;font-size:11px;width:52px;color:#666;line-height:14px;fill:#666;" text-anchor="middle" visibility="visible"><tspan x="816.625">Nov</tspan></text><text x="888.875" y="389" style="font-family:&quot;Lucida Grande&quot;, &quot;Lucida Sans Unicode&quot;, Verdana, Arial, Helvetica, sans-serif;font-size:11px;width:52px;color:#666;line-height:14px;fill:#666;" text-anchor="middle" visibility="visible"><tspan x="888.875">Dec</tspan></text><path fill="none" d="M 203.5 375 L 203.5 380" stroke="#C0D0E0" stroke-width="1"></path><path fill="none" d="M 275.5 375 L 275.5 380" stroke="#C0D0E0" stroke-width="1"></path><path fill="none" d="M 347.5 375 L 347.5 380" stroke="#C0D0E0" stroke-width="1"></path><path fill="none" d="M 419.5 375 L 419.5 380" stroke="#C0D0E0" stroke-width="1"></path><path fill="none" d="M 492.5 375 L 492.5 380" stroke="#C0D0E0" stroke-width="1"></path><path fill="none" d="M 564.5 375 L 564.5 380" stroke="#C0D0E0" stroke-width="1"></path><path fill="none" d="M 636.5 375 L 636.5 380" stroke="#C0D0E0" stroke-width="1"></path><path fill="none" d="M 708.5 375 L 708.5 380" stroke="#C0D0E0" stroke-width="1"></path><path fill="none" d="M 781.5 375 L 781.5 380" stroke="#C0D0E0" stroke-width="1"></path><path fill="none" d="M 853.5 375 L 853.5 380" stroke="#C0D0E0" stroke-width="1"></path><path fill="none" d="M 925.5 375 L 925.5 380" stroke="#C0D0E0" stroke-width="1"></path><path fill="none" d="M 130.5 375 L 130.5 380" stroke="#C0D0E0" stroke-width="1"></path></g><g class="highcharts-axis" zIndex="7"><text x="50" y="380.1" style="font-family:&quot;Lucida Grande&quot;, &quot;Lucida Sans Unicode&quot;, Verdana, Arial, Helvetica, sans-serif;font-size:11px;width:414px;color:#666;line-height:14px;fill:#666;" text-anchor="end" visibility="visible"><tspan x="50">-5</tspan></text><text x="50" y="334.3857142857143" style="font-family:&quot;Lucida Grande&quot;, &quot;Lucida Sans Unicode&quot;, Verdana, Arial, Helvetica, sans-serif;font-size:11px;width:414px;color:#666;line-height:14px;fill:#666;" text-anchor="end" visibility="visible"><tspan x="50">0</tspan></text><text x="50" y="288.6714285714286" style="font-family:&quot;Lucida Grande&quot;, &quot;Lucida Sans Unicode&quot;, Verdana, Arial, Helvetica, sans-serif;font-size:11px;width:414px;color:#666;line-height:14px;fill:#666;" text-anchor="end" visibility="visible"><tspan x="50">5</tspan></text><text x="50" y="242.95714285714288" style="font-family:&quot;Lucida Grande&quot;, &quot;Lucida Sans Unicode&quot;, Verdana, Arial, Helvetica, sans-serif;font-size:11px;width:414px;color:#666;line-height:14px;fill:#666;" text-anchor="end" visibility="visible"><tspan x="50">10</tspan></text><text x="50" y="197.24285714285716" style="font-family:&quot;Lucida Grande&quot;, &quot;Lucida Sans Unicode&quot;, Verdana, Arial, Helvetica, sans-serif;font-size:11px;width:414px;color:#666;line-height:14px;fill:#666;" text-anchor="end" visibility="visible"><tspan x="50">15</tspan></text><text x="50" y="151.52857142857144" style="font-family:&quot;Lucida Grande&quot;, &quot;Lucida Sans Unicode&quot;, Verdana, Arial, Helvetica, sans-serif;font-size:11px;width:414px;color:#666;line-height:14px;fill:#666;" text-anchor="end" visibility="visible"><tspan x="50">20</tspan></text><text x="50" y="105.81428571428572" style="font-family:&quot;Lucida Grande&quot;, &quot;Lucida Sans Unicode&quot;, Verdana, Arial, Helvetica, sans-serif;font-size:11px;width:414px;color:#666;line-height:14px;fill:#666;" text-anchor="end" visibility="visible"><tspan x="50">25</tspan></text><text x="50" y="60.1" style="font-family:&quot;Lucida Grande&quot;, &quot;Lucida Sans Unicode&quot;, Verdana, Arial, Helvetica, sans-serif;font-size:11px;width:414px;color:#666;line-height:14px;fill:#666;" text-anchor="end" visibility="visible"><tspan x="50">30</tspan></text><text x="26" y="215" style="font-family:&quot;Lucida Grande&quot;, &quot;Lucida Sans Unicode&quot;, Verdana, Arial, Helvetica, sans-serif;font-size:12px;color:#6D869F;font-weight:bold;fill:#6D869F;" zIndex="7" transform="rotate(270 26 215)" text-anchor="middle" visibility="visible"><tspan x="26">Temperature (°C)</tspan></text></g><path fill="none" d="M 58 375.5 L 925 375.5" stroke="#C0D0E0" stroke-width="1" zIndex="7" visibility="visible"></path><g class="highcharts-tooltip" zIndex="8" style="padding:0;white-space:nowrap;" visibility="visible" transform="translate(582,119)"><rect rx="5" ry="5" fill="none" x="0" y="0" width="78" height="42" stroke-width="5" fill-opacity="0.85" isShadow="true" stroke="rgb(0, 0, 0)" stroke-opacity="0.05" transform="translate(1,1)"></rect><rect rx="5" ry="5" fill="none" x="0" y="0" width="78" height="42" stroke-width="3" fill-opacity="0.85" isShadow="true" stroke="rgb(0, 0, 0)" stroke-opacity="0.1" transform="translate(1,1)"></rect><rect rx="5" ry="5" fill="none" x="0" y="0" width="78" height="42" stroke-width="1" fill-opacity="0.85" isShadow="true" stroke="rgb(0, 0, 0)" stroke-opacity="0.15000000000000002" transform="translate(1,1)"></rect><rect rx="5" ry="5" fill="rgb(255,255,255)" x="0" y="0" width="78" height="42" stroke-width="2" fill-opacity="0.85" stroke="#AA4643"></rect><text x="5" y="18" style="font-family:&quot;Lucida Grande&quot;, &quot;Lucida Sans Unicode&quot;, Verdana, Arial, Helvetica, sans-serif;font-size:12px;color:#333333;fill:#333333;" zIndex="1"><tspan style="font-weight:bold" x="5">New York</tspan><tspan dy="16" x="5">Sep: 20.1°C</tspan></text></g><text x="1045" y="395" style="font-family:&quot;Lucida Grande&quot;, &quot;Lucida Sans Unicode&quot;, Verdana, Arial, Helvetica, sans-serif;font-size:10px;cursor:pointer;color:#909090;fill:#909090;" text-anchor="end" zIndex="8"><tspan x="1045">Highcharts.com</tspan></text><g class="highcharts-tracker" zIndex="9"><g zIndex="1" transform="translate(58,55)" clip-path="url(http://www.highcharts.com/demo/#highcharts-2)"><path fill="none" d="M 26.125 210.3 L 36.125 210.3 L 108.375 211.2 L 180.625 187.4 L 252.875 141.7 L 325.125 107.9 L 397.375 77.7 L 469.625 43.9 L 541.875 32 L 614.125 61.3 L 686.375 107 L 758.625 147.2 L 830.875 186.5 L 840.875 186.5" isTracker="true" stroke-linejoin="bevel" visibility="visible" stroke-opacity="0.000001" stroke="rgb(192,192,192)" stroke-width="22" style=""></path></g><g zIndex="1" transform="translate(58,55)" clip-path="url(http://www.highcharts.com/demo/#highcharts-2)"><path fill="none" d="M 26.125 276.1 L 36.125 276.1 L 108.375 267 L 180.625 222.2 L 252.875 171 L 325.125 118.9 L 397.375 73.1 L 469.625 47.5 L 541.875 53.9 L 614.125 90.5 L 686.375 145.4 L 758.625 195.7 L 830.875 251.4 L 840.875 251.4" isTracker="true" stroke-linejoin="bevel" visibility="visible" stroke-opacity="0.000001" stroke="rgb(192,192,192)" stroke-width="22" style=""></path></g><g zIndex="1" transform="translate(58,55)" clip-path="url(http://www.highcharts.com/demo/#highcharts-2)"><path fill="none" d="M 26.125 282.5 L 36.125 282.5 L 108.375 268.8 L 180.625 242.3 L 252.875 197.5 L 325.125 150.9 L 397.375 118.9 L 469.625 104.2 L 541.875 110.6 L 614.125 143.5 L 686.375 192 L 758.625 238.6 L 830.875 265.1 L 840.875 265.1" isTracker="true" stroke-linejoin="bevel" visibility="visible" stroke-opacity="0.000001" stroke="rgb(192,192,192)" stroke-width="22" style=""></path></g><g zIndex="1" transform="translate(58,55)" clip-path="url(http://www.highcharts.com/demo/#highcharts-2)"><path fill="none" d="M 26.125 238.6 L 36.125 238.6 L 108.375 235.9 L 180.625 222.2 L 252.875 196.6 L 325.125 165.5 L 397.375 135.3 L 469.625 118.9 L 541.875 122.5 L 614.125 144.5 L 686.375 180.1 L 758.625 213.9 L 830.875 230.4 L 840.875 230.4" isTracker="true" stroke-linejoin="bevel" visibility="visible" stroke-opacity="0.000001" stroke="rgb(192,192,192)" stroke-width="22" style=""></path></g></g><rect rx="3" ry="3" fill="url(http://www.highcharts.com/demo/#highcharts-3)" x="0.5" y="0.5" width="23" height="19" stroke-width="1" transform="translate(1021,10)" zIndex="19" stroke="#B0B0B0"></rect><rect rx="3" ry="3" fill="url(http://www.highcharts.com/demo/#highcharts-4)" x="0.5" y="0.5" width="23" height="19" stroke-width="1" transform="translate(995,10)" zIndex="19" stroke="#B0B0B0"></rect><path fill="#A8BF77" d="M 5.5 16.5 L 17.5 16.5 17.5 14.5 5.5 14.5 Z M 11.5 14.5 L 15.5 9.5 10.5 9.5 10.5 4.5 12.5 4.5 12.5 9.5 7.5 9.5 Z" transform="translate(1021,10)" stroke="#A0A0A0" stroke-width="1" zIndex="20"></path><path fill="#B5C9DF" d="M 5.5 12.5 L 17.5 12.5 17.5 9.5 5.5 9.5 Z M 7.5 9.5 L 7.5 4.5 15.5 4.5 15.5 9.5 Z M 7.5 12.5 L 5.5 16.5 17.5 16.5 15.5 12.5 Z" transform="translate(995,10)" stroke="#A0A0A0" stroke-width="1" zIndex="20"></path><rect rx="0" ry="0" fill="rgb(255,255,255)" x="1021" y="10" width="24" height="20" stroke-width="0.000001" id="exportButton" fill-opacity="0.001" title="Export to raster or vector image" zIndex="21" style="cursor:pointer;"><title>Export to raster or vector image</title></rect><rect rx="0" ry="0" fill="rgb(255,255,255)" x="995" y="10" width="24" height="20" stroke-width="0.000001" id="printButton" fill-opacity="0.001" title="Print the chart" zIndex="21" style="cursor:pointer;"><title>Print the chart</title></rect></svg></div></div>
	</div>
	<div style="margin: 1em">	
		<div class="buttons">			
			<a id="avgLineButton" title="AvgLine" href="#">AVG Line</a>
			<a id="previous" title="Previous" href="#">« Previous</a>
			<a id="next" title="Next" href="#">Next »</a>
		</div>
	</div>	

</div>


<script type="text/javascript">
	Highcharts.theme = { colors: ['#4572A7'] };// prevent errors in default theme
	var highchartsOptions = Highcharts.getOptions(); 
</script>

<script src="./Highcharts Demo Gallery_files/ga.js" type="text/javascript"></script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-2995052-3");
pageTracker._trackPageview();
} catch(err) {}</script>




<div class="highslide-container" style="padding: 0px; border: none; margin: 0px; position: absolute; left: 0px; top: 0px; width: 100%; z-index: 1001; direction: ltr; "><a class="highslide-loading" title="Click to cancel" href="javascript:;" style="position: absolute; top: -9999px; opacity: 0.75; z-index: 1; ">Loading...</a><div style="display: none; "></div><div class="highslide-viewport highslide-viewport-size" style="padding: 0px; border: none; margin: 0px; visibility: hidden; display: none; "></div><table cellspacing="0" style="padding: 0px; border: none; margin: 0px; position: absolute; border-collapse: collapse; z-index: 1004; visibility: hidden; left: 648px; top: 542px; width: 103px; display: none; "><tbody style="padding: 0px; border: none; margin: 0px; "><tr style="padding: 0px; border: none; margin: 0px; height: auto; "><td style="padding: 0px; border: none; margin: 0px; line-height: 0; font-size: 0px; background-image: url(http://www.highcharts.com/highslide/graphics/outlines/rounded-white.png); height: 20px; width: 20px; background-position: 0px 0px; background-repeat: initial initial; "></td><td style="padding: 0px; border: none; margin: 0px; line-height: 0; font-size: 0px; background-image: url(http://www.highcharts.com/highslide/graphics/outlines/rounded-white.png); height: 20px; width: 20px; background-position: 0px -40px; background-repeat: initial initial; "></td><td style="padding: 0px; border: none; margin: 0px; line-height: 0; font-size: 0px; background-image: url(http://www.highcharts.com/highslide/graphics/outlines/rounded-white.png); height: 20px; width: 20px; background-position: -20px 0px; background-repeat: initial initial; "></td></tr><tr style="padding: 0px; border: none; margin: 0px; height: auto; "><td style="padding: 0px; border: none; margin: 0px; line-height: 0; font-size: 0px; background-image: url(http://www.highcharts.com/highslide/graphics/outlines/rounded-white.png); height: 20px; width: 20px; background-position: 0px -80px; background-repeat: initial initial; "></td><td style="padding: 0px; border: none; margin: 0px; position: relative; width: 63px; height: 3px; " class="rounded-white highslide-outline"></td><td style="padding: 0px; border: none; margin: 0px; line-height: 0; font-size: 0px; background-image: url(http://www.highcharts.com/highslide/graphics/outlines/rounded-white.png); height: 20px; width: 20px; background-position: -20px -80px; background-repeat: initial initial; "></td></tr><tr style="padding: 0px; border: none; margin: 0px; height: auto; "><td style="padding: 0px; border: none; margin: 0px; line-height: 0; font-size: 0px; background-image: url(http://www.highcharts.com/highslide/graphics/outlines/rounded-white.png); height: 20px; width: 20px; background-position: 0px -20px; background-repeat: initial initial; "></td><td style="padding: 0px; border: none; margin: 0px; line-height: 0; font-size: 0px; background-image: url(http://www.highcharts.com/highslide/graphics/outlines/rounded-white.png); height: 20px; width: 20px; background-position: 0px -60px; background-repeat: initial initial; "></td><td style="padding: 0px; border: none; margin: 0px; line-height: 0; font-size: 0px; background-image: url(http://www.highcharts.com/highslide/graphics/outlines/rounded-white.png); height: 20px; width: 20px; background-position: -20px -20px; background-repeat: initial initial; "></td></tr></tbody></table><img style="padding: 0px; border: none; margin: 0px; position: absolute; top: -9999px; " src="./Highcharts Demo Gallery_files/rounded-white.png"><div id="highslide-wrapper-0" class="highslide-wrapper draggable-header" style="border: none; margin: 0px; position: absolute; padding: 0px; visibility: visible; z-index: 1005; width: 83px; height: 23px; left: 658px; top: 552px; display: none; "><div class="highslide-html" style="position: relative; z-index: 3; overflow: hidden; visibility: visible; cursor: default; left: 0px; top: 0px; width: 83px; height: 23px; "><div style="padding: 0px; border: none; margin: 0px; position: relative; width: 810px; left: -363px; top: -143px; "><div class="highslide-html-content" style="position: relative; display: block; direction: ltr; border: none; width: auto; height: auto; visibility: visible; "><div class="highslide-header"><ul><li class="highslide-previous"><a href="http://www.highcharts.com/demo/#" title="Previous (arrow left)" onclick="return hs.previous(this)"><span>Previous</span></a></li><li class="highslide-next"><a href="http://www.highcharts.com/demo/#" title="Next (arrow right)" onclick="return hs.next(this)"><span>Next</span></a></li><li class="highslide-move"><a href="http://www.highcharts.com/demo/#" title="Move" onclick="return false"><span>Move</span></a></li><li class="highslide-close"><a href="http://www.highcharts.com/demo/#" title="Close (esc)" onclick="return hs.close(this)"><span>Close</span></a></li></ul></div><div style="padding: 0px; border: none; margin: 0px; height: 582px; overflow: auto; position: relative; width: 800px; "><div class="highslide-body"><div class="highslide-maincontent" id="hsId0" style="display: block; ">
</div></div></div><div class="highslide-footer"><div><span class="highslide-resize" title="Resize"><span></span></span></div></div></div></div></div></div><table cellspacing="0" style="padding: 0px; border: none; margin: 0px; visibility: hidden; position: absolute; border-collapse: collapse; width: 0px; "><tbody style="padding: 0px; border: none; margin: 0px; "><tr style="padding: 0px; border: none; margin: 0px; height: auto; "><td style="padding: 0px; border: none; margin: 0px; line-height: 0; font-size: 0px; background-image: url(http://www.highcharts.com/highslide/graphics/outlines/rounded-white.png); height: 20px; width: 20px; background-position: 0px 0px; background-repeat: initial initial; "></td><td style="padding: 0px; border: none; margin: 0px; line-height: 0; font-size: 0px; background-image: url(http://www.highcharts.com/highslide/graphics/outlines/rounded-white.png); height: 20px; width: 20px; background-position: 0px -40px; background-repeat: initial initial; "></td><td style="padding: 0px; border: none; margin: 0px; line-height: 0; font-size: 0px; background-image: url(http://www.highcharts.com/highslide/graphics/outlines/rounded-white.png); height: 20px; width: 20px; background-position: -20px 0px; background-repeat: initial initial; "></td></tr><tr style="padding: 0px; border: none; margin: 0px; height: auto; "><td style="padding: 0px; border: none; margin: 0px; line-height: 0; font-size: 0px; background-image: url(http://www.highcharts.com/highslide/graphics/outlines/rounded-white.png); height: 20px; width: 20px; background-position: 0px -80px; background-repeat: initial initial; "></td><td style="padding: 0px; border: none; margin: 0px; position: relative; " class="rounded-white highslide-outline"></td><td style="padding: 0px; border: none; margin: 0px; line-height: 0; font-size: 0px; background-image: url(http://www.highcharts.com/highslide/graphics/outlines/rounded-white.png); height: 20px; width: 20px; background-position: -20px -80px; background-repeat: initial initial; "></td></tr><tr style="padding: 0px; border: none; margin: 0px; height: auto; "><td style="padding: 0px; border: none; margin: 0px; line-height: 0; font-size: 0px; background-image: url(http://www.highcharts.com/highslide/graphics/outlines/rounded-white.png); height: 20px; width: 20px; background-position: 0px -20px; background-repeat: initial initial; "></td><td style="padding: 0px; border: none; margin: 0px; line-height: 0; font-size: 0px; background-image: url(http://www.highcharts.com/highslide/graphics/outlines/rounded-white.png); height: 20px; width: 20px; background-position: 0px -60px; background-repeat: initial initial; "></td><td style="padding: 0px; border: none; margin: 0px; line-height: 0; font-size: 0px; background-image: url(http://www.highcharts.com/highslide/graphics/outlines/rounded-white.png); height: 20px; width: 20px; background-position: -20px -20px; background-repeat: initial initial; "></td></tr></tbody></table><img style="padding: 0px; border: none; margin: 0px; position: absolute; top: -9999px; " src="./Highcharts Demo Gallery_files/rounded-white.png"><div class="" style="padding: 0px; border: none; margin: 0px; position: absolute; z-index: auto; width: 810px; height: 627px; left: 0px; overflow: visible; visibility: visible; top: -9999px; "><div id="hsId1" style="padding: 0px; border: none; margin: 0px; position: absolute; direction: ltr; height: auto; left: 0px; right: 0px; bottom: 100%; width: auto; z-index: 4; visibility: visible; opacity: 1; "><div class="highslide-heading highslide-move" style="display: block; ">Highcharts Configuration Preview</div></div></div></div></body></html>